/*
 * @Author: silas 
 * @Date: 2021-03-11 15:04:56 
 * @Last Modified by: silas
 * @Last Modified time: 2021-04-30 19:16:21
 */
<template>
    <div class="reckoningList_container">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="百元投资拉动增量收入" name="second">
                <tab2 ref="tab2"></tab2>
            </el-tab-pane>
            <el-tab-pane label="投资预算导入" name="first">
                <tab1 ref="tab1"></tab1>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import tab1 from "./reckoningList-tab1";
import tab2 from "./budgetReckoning";

export default {
    name: "reckoning",
    components: {
        tab1,
        tab2,
    },
    data() {
        return {
            activeName: "second",
        };
    },
    mounted() {
        var that = this;

        that.$refs.tab1.init();
    },
    methods: {
        handleClick(tab, event) {
            var that = this;

            if (tab.name == "first") {
                that.$refs.tab1.init();
            } else if (tab.name == "second") {
                that.$refs.tab2.init();
            }
        },
    },
};
</script>

<style lang="scss" scoped>
</style>